<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/common/tag.jsp"%>
<html>
<head>
<title>系统用户信息查询</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<%@ include file="/common/common_css.jsp"%>
<%@ include file="/common/common_js.jsp"%>

<script type="text/javascript">
	//定义datagrid的列
	//注意：根据服务端返回json数据的内容来定义
	var columns_v = [ [
			{
				title : "账号",
				width : 100,
				field : "usercode",//对应了rows中每行数据的key

			},
			{
				title : "用户名称",
				width : 200,
				field : "username"

			},
			{//用户类型
				title : "用户类型",
				width : 160,
				field : "groupid",//根据groupid从rows中取出单元格式的值
				//formatter格式化单元化的值（重新定义单元格的值）
				//参数：value：根据field找到的值，row：每一行的数据(json对象)，index：每一行的下标（从0开始）
				formatter : function(value, row, index) {
					return row.sysDictInfoByGroupid.info ;
					/* if (row.groupid == '0') {
						return "系统管理员";
					} else if (row.groupid == '1') {
						return "卫生局";
					} else if (row.groupid == '2') {
						return "卫生院";
					} else if (row.groupid == '3') {
						return "卫生室";
					} else if (row.groupid == '4') {
						return "供货商";
					} */

				}

			},
			{
				title : "所属单位",
				width : 200,
				field : "sysmc",
				formatter : function(value, row, index) {
					//取出用户的类型的业务代码
					var groupid = row.sysDictInfoByGroupid.dictcode;
					
					//根据用户类型的id获取dwWss，dwWsy，dwGys
					if(groupid == '1' || groupid == '2'){//卫生局、卫生院
						if(row.dwWsy){
							return row.dwWsy.mc;
						}
					}else if(groupid == '3' ){//卫生室 
						if(row.dwWss){
							return row.dwWss.mc;
						}
					}else if(groupid == '4' ){//供货商
						if(row.dwGys){
							return row.dwGys.mc;
						}
					}
					
				}
				

			},
			{
				title : "用户状态",
				width : 200,
				field : "userstate",
				formatter : function(value, row, index) {
					return row.sysDictInfoByUserstate.info;
				}
				

			},
			{
				title : "修改",
				width : 60,
				field : "opt1",
				formatter : function(value, row, index) {
					return "<a href=javascript:edituser('" + row.usercode
							+ "')>修改</a>";

				}

			},
			{
				title : "删除",
				width : 60,
				field : "opt2",
				formatter : function(value, row, index) {
					return "<a href=javascript:deluser('" + row.id + "')>删除</a>";

				}

			}

	] ];

	//定义工具栏
	var toolbar_v = [ {//工具栏
		id : 'btnadd',
		text : '添加',
		iconCls : 'icon-add',
		handler : adduser //将adduser的方法名传给handler属性，js的方法名就是js方法的内存地址（指针）
	} ];

	//在预加载方法中加载datagrid
	$(function() {
		//加载datagrid，当成new一个datagrid对象
		$('#userlist').datagrid({
			//填充datagrid加载所需要的属性信息
			title : '用户列表',//数据列表标题
			//width : 600,//数据列表的宽度
			//height : 350,//列表的高度
			nowrap : false,//如果数据 过长单元格的数据自动换行
			//自动向下边的url发起ajax请求，请求两个参数page当前页码和rows每页个数
			url : '${baseurl}/user/queryuser_result.action',//加载datagrid数据列表所需要的json数据
			idField : 'code',//此字段很重要，数据结果集的唯一约束字段key，确定的rows数据行的主键字段
			columns : columns_v,
			pagination : true,//是否显示分页
			rownumbers : true,//是否显示行号
			toolbar : toolbar_v

		});
		
		

	});

	//用户添加
	function adduser() {
		//alert('添加用户');
		//弹出添加用户窗口
		//打一个模态窗口 
		var sendUrl = "${baseurl}/user/adduser.action";
		//创建一个模态窗口：参数：1、窗口标题、2、宽、3：高、4、url
		createmodalwindow("添加用户信息", 800, 250, sendUrl);
	}
	//用户修改
	function edituser(id) {
		alert(id);
	}
	//用户删除
	function deluser(id){
		//参数：1：提示信息，2：点击终止按钮执行的方法，3：点击确定按钮 时候 执行方法
		_confirm('您确定要执行删除操作吗?', null, function() {
			//将用户id赋值给input的id为“userId”的value
			$('#userId').val(id);
			//也使用jquerySubByFId进行ajax提交，要提交form中数据，要提交的form中必须要有用户id的数据
			jquerySubByFId('deleteuserform', deluser_callback, null, "json");
		});
		
	}
	//用户删除的回调方法
	function deluser_callback(data){
		_alert(data);
		//刷新数据列表
		sysuserquery();//重新执行一下查询
	}
	//根据查询条件进行用户查询
	function sysuserquery(){
		
		//使用datagrid提供load方法重新加载datagrid
		//load方法接收json格式的参数，参数存储查询条件 
		//load向上边加载datagrid定义的url再次发送ajax请求
		/* $('#userlist').datagrid('load',{
			//key：参数名称，key对应的value：参数的值
			'sysUserQueryCustom.usercode': 'cmzcmc'
		}); */
		//正式的作法，将form中所有输入框，下拉框中的数据拼装 成json，传给load方法
		//手动将form中数据拼装 成json比较麻烦，使用一个工具类实现
		//根据form的id执行serializeJson方法，将form中数据拼装 成json
		//拼装 的思路：input的name就是json中的key(参数名)，json中key对应的value就是input输入框的value
		var formdata = $("#sysuserqueryForm").serializeJson();
		//alert(formdata);
		//load方法接收到json数据，通过http向action发起ajax请求，请求的参数是key/value串
		$('#userlist').datagrid('load',formdata);

		
	}
</script>
</head>
<body>
<form id="sysuserqueryForm">
<TABLE class="table_search">
				<TBODY>
					<TR>
						<TD class="left">用户账号：</td>
						<td><INPUT type="text" name="sysUserQueryCustom.usercode" /></TD>
						<TD class="left">用户名称：</TD>
						<td><INPUT type="text" name="sysUserQueryCustom.username" /></TD>

						<TD class="left">用户类型：</TD>
						<td>
							<select name="sysUserQueryCustom.sysDictInfoByGroupid.id">
								<option value="">请选择</option>
								<c:forEach items="${userGroupList }" var="sysDictInfo">
									<option value="${sysDictInfo.id }">${sysDictInfo.info }</option>
								</c:forEach>
							</select>
						</TD>
						<td >
						<a id="btn" href="#" onclick="sysuserquery()"
							class="easyui-linkbutton" iconCls='icon-search'>查询</a>
							</td>
					</TR>


				</TBODY>
			</TABLE>
</form>
<!-- 创建一个form，只包括一个用户id，在删除用户时候提交此form -->
<form  id="deleteuserform" action="${baseurl }/user/deleteuser.action" method="post">
<input type="hidden" id="userId" name="id" />
</form>
	<!-- datagrid -->
<TABLE border=0 cellSpacing=0 cellPadding=0 width="99%" align=center>
		<TBODY>
			<TR>
				<TD>
					<table id="userlist"></table>
				</TD>
			</TR>
		</TBODY>
</TABLE>
</body>
</html>